<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>腾讯新闻广告</title>
	<meta name="x5-orientation" content="portrait">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/Adaptive/Adaptive.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/public.js"></script>

</head>
<body>
	<div class="maxCon">
		<div class="pageCon">
			<img class="bgImg" style="display: block;" src="images/page11/bg1.jpg">
			<img class="bgImg" src="images/page11/bg2.jpg">
			<img class="bgImg" src="images/page11/bg3.jpg">
			<img class="bgImgBottom" src="images/page11/bottom.jpg">


			<div class="pg2btnCon">
				<div data-MtaH5="2083" class="label active">多图文</div>
				<div data-MtaH5="2084" class="label">大图文广告</div>
				<div data-MtaH5="2085" class="label">单图文</div>
			</div>

			<!-- <a class="Publiclink" href="#">想了解更多？查看完整版营销秘籍</a> -->
		</div>


		<!-- <div class="publicNavCon">
			<a href="page_08.html"><i class="iconfont icon-zuoyou1"></i></a>
			<a href="page_10.html"><i class="iconfont icon-zuoyou"></i></a>
		</div> -->
	</div>

	<script type="text/javascript">
		$(function () {
			var imgs = $('.bgImg')
			$('.pg2btnCon').on('click', '.label', function(event) {
				event.preventDefault();

				var index =  $(this).index();

				$(this).addClass('active').siblings().removeClass('active')
				imgs.eq(index).show().siblings('.bgImg').hide();
			});
		})
	</script>
</body>
</html>
